<template>
  <div class="resume-info" :style="yulan.resumeTitle ? 'width: 794px;' : ''">
    <div class="resume-info-left" v-if="data.id">
      <div class="resume-title">
        <!-- 真诚求职一份工作真诚求职一份工作真诚求职一份工作标题（标题三十五个字） -->
        {{ data.resumeTitle }}
      </div>
      <div class="resume-user-info weigui-wrap">
        <div class="weigui" v-if="weig" @click="weigui">
          <img class="img" src="@/assets/v3/new-weigui.png" />

          <p>该用户有{{ Count }}条违规信息！</p>
          <div>查看详情</div>
        </div>
        <div class="resume-user-left">
          <div class="resume-user-detail" :class="userState == 1 || userState == 2 ? 'vague' : ''">
            <span>姓名：
              <!-- 林依依 -->
              {{ data.realName }}
            </span>
            <span>
              {{ data.sexualDistinction == 1 ? "男" : "女" }}
            </span>

            <span>{{ data.age }}</span>
            <span>{{ (data.highestEducation || "").split(" ")[0] }}学历</span>
          </div>
          <div class="resume-user-ex" :class="userState == 1 || userState == 2 ? 'vague' : ''">
            {{ data.experienceYears || 0 }}年工作经验
          </div>
          <div class="resume-user-add" v-if="data.homeAddress" :class="userState == 1 || userState == 2 ? 'vague' : ''">
            地址:
            <!-- 湖北省武汉市洪山区光谷创业街9栋 -->
            {{ data.homeAddress }}
          </div>
        </div>
        <img v-if="data.myPhoto && data.myPhoto != 'undefined'" :src="data.myPhoto" class="resume-user-right"
          :class="userState == 1 || userState == 2 ? 'vague ' : ''" />
      </div>

      <div class="seperate"></div>
      <dl>
        <dt class="title" style="margin-top: 18px">教育经历</dt>
        <template v-for="(item, index) in data.graduationAcademy || []">
          <dl :key="index" :class="userState == 1 || userState == 2 ? 'vague ' : ''">
            <dd>
              <span style="margin-right: 133px">{{
                (data.highestEducation || "").split(" ")[0]
              }}</span>
              <span>{{ item.schoolHours }}</span>
            </dd>
            <dd>
              <span>{{ item.schoolName }}</span>
              <span>{{ item.major }}</span>
            </dd>
          </dl>
        </template>

        <dt class="title" v-if="data.workExperience && data.workExperience.length > 0">工作经历</dt>
        <template v-for="(i, index) in data.workExperience || []">
          <dl :key="index" :class="userState == 1 || userState == 2 ? 'vague ' : ''">
            <dd>
              <span style="margin-right: 40px">{{ i.corporateName }}</span>
              <span>{{ i.onJobTime.split("|").join("-") }}</span>
            </dd>
            <dd>
              <span>{{ i.positionName }}</span>
            </dd>
            <dd>工作内容：{{ i.jobContent }}</dd>
          </dl>
        </template>

        <dt>期望岗位</dt>
        <dd>
          <span :class="userState == 1 || userState == 2 ? 'vague' : ''">{{
            data.intendedPosition
          }}</span>
          <!-- <span>办公室文员</span
          ><span>服务机器人应用技术人员</span><span>保洁员</span> -->
        </dd>

        <dd class="marked">
          期望薪资：
          <span :class="userState == 1 || userState == 2 ? 'vague' : ''">
            {{ data.salaryExpectation }}元
          </span>
        </dd>

        <dt v-if="data.personalAdvantages">个人优势</dt>
        <dd style="margin-top: -6px" :class="userState == 1 || userState == 2 ? 'vague' : ''">
          <pack-up-text :text="data.personalAdvantages || ''" :col="3"></pack-up-text>
        </dd>
        <dt v-if="data.bonusItem.languageAbility.length ||
          data.bonusItem.qualification.length ||
          data.bonusItem.professionalSkills.length
          ">
          加分项
        </dt>
        <dl :class="userState == 1 || userState == 2 ? 'vague' : ''" v-if="data.bonusItem.languageAbility.length ||
          data.bonusItem.qualification.length ||
          data.bonusItem.professionalSkills.length
          ">
          <dd v-if="data.bonusItem.languageAbility.length">
            语言能力：
            <span v-for="(i, j) in data.bonusItem.languageAbility" :key="j + 'yy'">
              {{ i.languages }}{{ i.listeningSpeakingAbility }}
            </span>
          </dd>
          <dd v-if="data.bonusItem.qualification.length">
            资格证书：
            <span v-for="(i, j) in data.bonusItem.qualification" :key="j + 'zz'">
              {{ i.certificateName }}
            </span>
          </dd>
          <dd v-if="data.bonusItem.professionalSkills.length">
            专业技能：
            <span v-for="(i, j) in data.bonusItem.professionalSkills" :key="j + 'zy'">{{ i.skillName }}{{ i.mastery
            }}</span>
          </dd>
        </dl>

        <dt class="flex">
          <span v-if="data.bonusItem.personalWorks"> 个人作品</span><span @click.stop="getMoreProduct" class="pointer"
            v-if="(data.bonusItem.personalWorks || '').split('|').length > 3">更多<i class="el-icon-arrow-right"></i></span>
        </dt>
        <dd>
          <div class="person-production" :class="userState == 1 || userState == 2 ? 'vague' : ''">
            <img :src="i" class="person-production-img" v-if="j <= 2" v-for="(i, j) in (data.bonusItem.personalWorks || '')
              .split('|')
              .filter((item) => item)" alt="" :key="j + 'zp'" />
          </div>
        </dd>
      </dl>
      <div class="mzsm">
        {{ disclaimerContent }}
        <!-- 免责声明：帮帮同城旨在为广大用户提供更丰富的信息，但由于部分信息因时间、政策变化等因素，且信息审核会有滞后性，会导致部分信息更新不同步，与实际情况可能存在偏差，一切信息以发布方官宣为准。帮帮同城不对您交易过程中对本网站信息产生的依赖承担任何明示或默示的担保责任或任何责任。 -->
      </div>
    </div>
    <div class="resume-info-right" v-if="JSON.stringify(yulan) != '{}' ? false : data.id">
      <div class="operate-list">
        <template v-for="(item, index) in operateList">
          <div class="operate-item" v-if="(index == 0 && !indextd) || index" @click.stop="operateCallback(item)"
            :key="item.cab">
            <template v-if="index == 0">
              <img :src="data.whetherCollection == 1
                ? 'https://pic.bangbangtongcheng.com/static/ysc.png'
                : item.imgUrl
                " alt="" />
              <span>{{ item.text }}</span>
            </template>
            <template v-else-if="index != 0 && !indextd">
              <img :src="item.imgUrl" alt="" />
              <span>{{ item.text }}</span>
            </template>
          </div>
        </template>
      </div>

      <div class="but">
        <div class="but_2" @click="chat">
          <img src="@/assets/weixin_b.png" alt />
          <p>在线聊天</p>
        </div>
        <div class="but_1" @click="mouseoverPhone">
          <img src="@/assets/dianhua_lan.png" alt />
          <p>
            {{
              isShowPhone
              ? data.userInformation && data.userInformation.phone
              : "拨打电话"
            }}
          </p>
        </div>
      </div>
      <div class="miniprogram">
        <img :src="qrCode" @error.once="reGetQrCode()" alt="重新获取" v-if="qrCode" @click.stop="reGetQrCode()" />
        <!-- <img src="@/assets/v3/reward.png" alt="" /> -->
        <div>扫码查看小程序内信息</div>
      </div>
    </div>

    <masks ref="mask" :data="data" v-if="data.bonusItem" :imgList="(data.bonusItem.personalWorks || '').split('|')">
    </masks>
    <inform ref="inform" :bUserId="bUserId" :businessType="businessType" :noBT="true"></inform>
    <zcreport ref="zcreport" :index="2" :bUserId="bUserId"></zcreport>
  </div>
</template>

<script>
import packUpText from "@/views/index/comp/packUpText.vue";
import masks from "@/views/invite/comp/mask.vue";
import inform from "@/views/index/inform";
import zcreport from "@/components/bbzc/zcreport.vue";

export default {
  components: {
    packUpText,
    masks,
    inform,
    zcreport,
  },
  props: {
    yulan: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {
      imgList: [],
      userState: 0,
      data: {},
      operateList: [
        {
          imgUrl: require("@/assets/shou2.png"),
          text: "收藏信息",
          cab: "collect",
        },
        {
          imgUrl: require("@/assets/v3/resume2.png"),
          text: "获取简历",
          cab: "obtain",
        },
        {
          imgUrl: require("@/assets/v3/resume3.png"),
          text: "举报",
          cab: "report",
        },
        {
          imgUrl: require("@/assets/v3/resume4.png"),
          text: "屏蔽",
          cab: "shield",
        },
      ],
      user: {},
      tHouseInfo: {},
      indextd: "",
      Count: 0,
      weig: false,
      bUserId: "",
      businessType: "",
      qrCode: "",
      isShowPhone: false,
    };
  },
  async created() {
    if (this.yulan.resumeTitle) {
      this.setData({ resumeDeliveryRecordDetails: this.yulan })
      return
    }
    var param = {};
    this.getUser();
    this.indexss = this.$route.query.indexss;

    this.indextd = this.$route.query.indextd;
    // 如果从待审核跳过来
    if (this.$route.query.type == "audit") {
      this.indextd = "n"; //执行else
      param = {
        id: this.$route.query.id,
        userId: localStorage.getItem("userInfo")
          ? JSON.parse(localStorage.getItem("userInfo")).id
          : "",
        auditStatus: 1,
      };
    }
    // 发布简历本人和有发布职位的才能访问此简历
    // 关于投递记录和简历详情一样处理
    // if (JSON.parse(localStorage.getItem("userInfo"))) {
    //   var user = JSON.parse(localStorage.getItem("userInfo"));
    //   if (user.enterpriseRecruitmentStatus == 1) {
    //     var len = 0;
    //     await this.$getHttp(
    //       "/api/mobile/personnelOwner/getRecruitmentPosition",
    //       {
    //         userId: user.id,
    //         pageNo: 1,
    //         pageSize: 3
    //       }
    //     ).then(data => {
    //       console.log("执行1");
    //       len = data.recruitment.pageList;
    //     });
    //     console.log("执行2");
    //     if (len == 0) {

    //     }
    //   }
    // }

    this.getHouseInfo(param);
    this.getDisclaimers(17); //隐私
  },
  methods: {
    getMoreProduct() {
      this.$refs.mask.open("yulan");
    },
    reGetQrCode() {
      this.$postHttp("/api/mobile/public/generateAppletQRCode", {
        id: this.$route.query.id,
        url: "pages_recruitMoney/recruitmentDetails/resumeDetails",
      }).then((data) => {
        console.log(data);
        this.qrCode = data.imagePath;
        // console.log(data.imagePath);
      });
    },
    async operateCallback(item) {
      if (!localStorage.getItem("userInfo")) {
        this.myErrorMessage("请先登录！");
      } else {
        if (item.cab == "collect") {
          if (this.collectLoading) {
            return;
          }
          this.collectLoading = true;
          this.$postHttp(
            "/api/mobile/public/favoriteFollowOrCancelFavoriteFollow",
            {
              collectorId: this.user.id,
              collectionType: 8,
              relationId: this.data.id,
              id: this.data.followCollections
                ? this.data.followCollections.id
                : "",
            }
          )
            .then((res) => {
              this.mySuccessMessage(res.msg);
              this.getHouseInfo();
            })
            .catch((err) => {
              this.collectLoading = false;
            });
        }
        if (item.cab == "obtain") {
          if (this.user.enterpriseRecruitmentStatus != 1) {
            this.myErrorMessage("您不是企业身份，暂时无法获取简历。");
            return;
          }

          let res = await this.$getHttp(
            "/api/mobile/personnelOwner/getWhetherPublishedRecruitment",
            {
              userId: this.user.id,
            }
          );

          if (res.whetherExistPublishedRecruitment != 1) {
            this.myErrorMessage("您还未发布过招聘，暂时无法获取简历。");
            return;
          }
          this.$getHttp("/api/mobile/personnelOwner/obtainResume", {
            userId: this.user.id,
            resumeIds: this.data.id,
          }).then((res) => {
            this.mySuccessMessage(res.msg);
            setTimeout(() => {
              this.$route.back(0);
            }, 500);
          });
        }
        if (item.cab == "report") {
          this.jubaoClick();
        }
        if (item.cab == "shield") {
          this.$refs.mask.open("invite5");
        }
      }
    },

    // 点击举报
    jubaoClick() {
      this.bUserId = this.data.userInformation.id;
      this.$refs.zcreport.jubaoGuan(this.$route.query.id);
    },
    // 用户信息
    getUser() {
      let user = JSON.parse(localStorage.getItem("userInfo"));
      if (user != null) {
        this.loginstate = true;
        this.user = user;
        this.$postHttp("/api/mobile/public/increaseBrowsingRecord", {
          browseRecordId: this.$route.query.id,
          viewersId: user.id,
          businessType: 4,
          browsingRecords: 7,
        }).then((res) => { });
      } else {
        this.loginstate = false;
      }
    },
    setData(res) {
      if (!Array.isArray(res.resumeDeliveryRecordDetails.graduationAcademy)) {
        res.resumeDeliveryRecordDetails.graduationAcademy = JSON.parse(
          res.resumeDeliveryRecordDetails.graduationAcademy
        );
      }

      // 工作经历
      if (res.resumeDeliveryRecordDetails.workExperience && !Array.isArray(res.resumeDeliveryRecordDetails.workExperience)) {
        res.resumeDeliveryRecordDetails.workExperience = JSON.parse(
          res.resumeDeliveryRecordDetails.workExperience
        );
      }
      // 加分项
      if (res.resumeDeliveryRecordDetails.bonusItem && typeof res.resumeDeliveryRecordDetails.bonusItem != 'object') {
        res.resumeDeliveryRecordDetails.bonusItem = JSON.parse(
          res.resumeDeliveryRecordDetails.bonusItem
        );
        if (
          res.resumeDeliveryRecordDetails.bonusItem.trainingExperience
        ) {
          res.resumeDeliveryRecordDetails.bonusItem.trainingExperience =
            JSON.parse(
              res.resumeDeliveryRecordDetails.bonusItem.trainingExperience
            );
        }
        if (res.resumeDeliveryRecordDetails.bonusItem.languageAbility) {
          res.resumeDeliveryRecordDetails.bonusItem.languageAbility =
            JSON.parse(
              res.resumeDeliveryRecordDetails.bonusItem.languageAbility
            );
        }
        if (res.resumeDeliveryRecordDetails.bonusItem.qualification) {
          res.resumeDeliveryRecordDetails.bonusItem.qualification =
            JSON.parse(
              res.resumeDeliveryRecordDetails.bonusItem.qualification
            );
        }
        if (
          res.resumeDeliveryRecordDetails.bonusItem.professionalSkills
        ) {
          res.resumeDeliveryRecordDetails.bonusItem.professionalSkills =
            JSON.parse(
              res.resumeDeliveryRecordDetails.bonusItem.professionalSkills
            );
        }
        // console.log('res.resumeDeliveryRecordDetails.bonusItem', res.resumeDeliveryRecordDetails.bonusItem)
        // if (
        //   res.resumeDeliveryRecordDetails.bonusItem.personalWorks
        // ) {
        //   res.resumeDeliveryRecordDetails.bonusItem.personalWorks =
        //     JSON.parse(
        //       res.resumeDeliveryRecordDetails.bonusItem.personalWorks
        //     );
        // }
      }
      // console.log('res.resumeDeliveryRecordDetails', res.resumeDeliveryRecordDetails)
      res.resumeDeliveryRecordDetails.id = res.resumeDeliveryRecordDetails.id || 1
      this.data = res.resumeDeliveryRecordDetails;
    },
    async getHouseInfo(param = {}) {
      if (this.indextd == 1) {
        this.$getHttp(
          "/api/mobile/personnelOwner/getResumeDeliveryRecordDetails",
          {
            id: this.$route.query.id,
            // userId: localStorage.getItem("userInfo")
            //   ? JSON.parse(localStorage.getItem("userInfo")).id
            //   : ""
          }
        ).then((res) => {
          if (res.code == 200) {
            //处理楼层信息
            if (!res.resumeDeliveryRecordDetails.id) {
              this.$router.back();
              setTimeout(() => {
                this.myErrorMessage("该职位已关闭！");
              }, 500);
              return;
            }
            this.collectLoading = false;
            // 教育经历
            res.resumeDeliveryRecordDetails.graduationAcademy = JSON.parse(
              res.resumeDeliveryRecordDetails.graduationAcademy
            );
            // 工作经历
            if (res.resumeDeliveryRecordDetails.workExperience) {
              res.resumeDeliveryRecordDetails.workExperience = JSON.parse(
                res.resumeDeliveryRecordDetails.workExperience
              );
            }
            // 加分项
            if (res.resumeDeliveryRecordDetails.bonusItem) {
              res.resumeDeliveryRecordDetails.bonusItem = JSON.parse(
                res.resumeDeliveryRecordDetails.bonusItem
              );
              if (
                res.resumeDeliveryRecordDetails.bonusItem.trainingExperience
              ) {
                res.resumeDeliveryRecordDetails.bonusItem.trainingExperience =
                  JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.trainingExperience
                  );
              }
              if (res.resumeDeliveryRecordDetails.bonusItem.languageAbility) {
                res.resumeDeliveryRecordDetails.bonusItem.languageAbility =
                  JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.languageAbility
                  );
              }
              if (res.resumeDeliveryRecordDetails.bonusItem.qualification) {
                res.resumeDeliveryRecordDetails.bonusItem.qualification =
                  JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.qualification
                  );
              }
              if (
                res.resumeDeliveryRecordDetails.bonusItem.professionalSkills
              ) {
                res.resumeDeliveryRecordDetails.bonusItem.professionalSkills =
                  JSON.parse(
                    res.resumeDeliveryRecordDetails.bonusItem.professionalSkills
                  );
              }
            }

            this.data = res.resumeDeliveryRecordDetails;
            if (!this.firstPage) {
              //第一次加载显示违规
              this.firstPage = true;
              this.getCount(res.resumeDeliveryRecordDetails.userInformation.id);
            }
            if (this.qrCode == "") {
              //第一次加载qrCode
              this.$postHttp("/api/mobile/public/generateAppletQRCode", {
                id: this.$route.query.id,
                url: "pages_recruitMoney/recruitmentDetails/resumeDetails",
              }).then((data) => {
                console.log(data);
                this.qrCode = data.imagePath;
                // console.log(data.imagePath);
              });
            }
          }
        });
      } else {
        this.$getHttp("/api/mobile/personnelOwner/getResumeDetails", {
          id: this.$route.query.id,
          userId: localStorage.getItem("userInfo")
            ? JSON.parse(localStorage.getItem("userInfo")).id
            : "",
          ...param,
        }).then(async (res) => {
          if (res.code == 200) {
            //处理楼层信息
            if (!res.biographicalNotesDetails.id) {
              this.$router.back();
              setTimeout(() => {
                this.myErrorMessage("该职位已关闭！");
              }, 500);
              return;
            }
            this.collectLoading = false;
            // 教育经历
            res.biographicalNotesDetails.graduationAcademy = JSON.parse(
              res.biographicalNotesDetails.graduationAcademy
            );
            // 工作经历
            if (res.biographicalNotesDetails.workExperience) {
              res.biographicalNotesDetails.workExperience = JSON.parse(
                res.biographicalNotesDetails.workExperience
              );
            }
            // 加分项
            if (res.biographicalNotesDetails.bonusItem) {
              res.biographicalNotesDetails.bonusItem = JSON.parse(
                res.biographicalNotesDetails.bonusItem
              );
              if (res.biographicalNotesDetails.bonusItem.trainingExperience) {
                res.biographicalNotesDetails.bonusItem.trainingExperience =
                  JSON.parse(
                    res.biographicalNotesDetails.bonusItem.trainingExperience
                  );
              }
              if (res.biographicalNotesDetails.bonusItem.languageAbility) {
                res.biographicalNotesDetails.bonusItem.languageAbility =
                  JSON.parse(
                    res.biographicalNotesDetails.bonusItem.languageAbility
                  );
              }
              if (res.biographicalNotesDetails.bonusItem.qualification) {
                res.biographicalNotesDetails.bonusItem.qualification =
                  JSON.parse(
                    res.biographicalNotesDetails.bonusItem.qualification
                  );
              }
              if (res.biographicalNotesDetails.bonusItem.professionalSkills) {
                res.biographicalNotesDetails.bonusItem.professionalSkills =
                  JSON.parse(
                    res.biographicalNotesDetails.bonusItem.professionalSkills
                  );
              }
            }
            // 是否可见判断
            if (
              res.biographicalNotesDetails.userInformation.id != this.user.id
            ) {
              if (res.biographicalNotesDetails.visibleRange == 2) {
                if (this.userInfo.enterpriseRecruitmentStatus != 1) {
                  this.userState = 1;
                }
              } else if (res.biographicalNotesDetails.visibleRange == 3) {
                await this.getRecruit(
                  res.biographicalNotesDetails.intendedPosition
                );
              }

              // await this.getRecruit(
              //   res.biographicalNotesDetails.intendedPosition
              // );
            }
            // this.getRecruit(res.biographicalNotesDetails.intendedPosition);

            this.data = res.biographicalNotesDetails;
            if (!this.firstPage) {
              //第一次加载显示违规
              this.firstPage = true;
              this.getCount(res.biographicalNotesDetails.userInformation.id);
            }
            if (this.qrCode == "") {
              //第一次加载qrCode
              this.$postHttp("/api/mobile/public/generateAppletQRCode", {
                id: this.$route.query.id,
                url: "pages_recruitMoney/recruitmentDetails/resumeDetails",
              }).then((data) => {
                console.log(data);
                this.qrCode = data.imagePath;
                // console.log(data.imagePath);
              });
            }
            // this.$refs.mask.open("invite4");

            setTimeout(() => {
              this.identity();
            }, 200);
          }
        });
      }
    },
    //
    identity() {
      this.$nextTick(() => {
        if (this.userState == 1) {
          this.$refs.mask.open("invite4");
        } else if (this.userState == 2) {
          this.$refs.mask.open("invite1");
        }
      });
    },
    // 违规
    weigui() {
      this.bUserId = this.data.userInformation.id;
      this.businessType = 4;
      setTimeout(() => {
        this.$refs.inform.getReportMyRecord();
      }, 100);
    },
    // 获取用户有没有发布过招聘信息
    getRecruit(position) {
      return this.$getHttp(
        "/api/mobile/personnelOwner/getWhetherPublishedRecruitment",
        {
          userId: this.user.id || "",
          recruitmentType: 1,
          position: position,
        }
      ).then((res) => {
        if (res.whetherExistPublishedRecruitment != 1) {
          this.userState = 2;
        }
      });
    },
    // 判断是否有违规
    getCount(id) {
      let that = this;
      this.$getHttp("/mob/user/getReportMyRecord", {
        userId: id,
        businessType: 4,
      }).then((res) => {
        this.Count = res.page.count;
        if (this.Count > 0) {
          that.weig = true;
          setTimeout(() => {
            that.weig = false;
          }, 3000);
        }
      });
    },

    chat() {
      this.$emit("chat", this.data.userInformation.id, this.data.id);
    },
    mouseoverPhone() {
      if (!localStorage.getItem("userInfo")) {
        this.myErrorMessage("请先登录！");
        return;
      }
      // console.log(this.userInfo)
      this.insertCallRecord({
        userId: JSON.parse(localStorage.getItem("userInfo")).id,
        associationId: this.$route.query.id,
        businessType: 4,
        telephoneNumber: this.data.userInformation.phone,
        callType: 8,
      });
      this.isShowPhone = !this.isShowPhone;
    },
  },
};
</script>

<style lang="less" scoped>
// 高斯模糊
.vague {
  filter: blur(15px);
}

// 违规
.weigui {
  position: absolute;
  z-index: 99;
  padding: 0px 10px 0px 10px;
  width: 300px;
  right: -240px;
  bottom: 122px;
  left: inherit !important;

  .img {
    width: 100%;
    height: 134rpx;
  }

  p {
    position: absolute;
    left: 50px;
    bottom: 26px;
    font-size: 16px;
    color: #fff;
  }
}

.resume-info {
  width: 1200px;
  margin: 0 auto;
  padding-top: 37px;
  display: flex;

  .resume-info-left {
    width: 794px;

    .resume-title {
      height: 28px;
      font-size: 22px;
      font-weight: 500;
      color: #333333;
      line-height: 28px;
    }

    .resume-user-info {
      position: relative;
      margin-top: 41px;
      display: flex;
      justify-content: space-between;

      .resume-user-left {
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        line-height: 28px;

        .resume-user-detail {
          span {
            &:first-child {
              margin-right: 32px;
            }
          }
        }

        .resume-user-ex {
          margin-top: 12px;
        }

        .resume-user-add {
          margin-top: 12px;
          margin-bottom: 10px;
        }
      }

      .resume-user-right {
        width: 80px;
        height: 80px;
        background: #d9d9d9;
        opacity: 1;
        border-radius: 50%;
      }
    }

    .seperate {
      width: 794px;
      height: 0px;
      opacity: 1;
      border: 1px solid #dcdcdc;
    }

    dl {
      font-size: 20px;
      font-weight: 400;
      color: #333333;
      line-height: 28px;

      .title {}

      dt {
        margin-top: 48px;
        height: 28px;
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        line-height: 28px;
      }

      dd {
        margin-top: 10px;

        /deep/ .texttext {
          font-size: 20px;
        }

        span {
          margin-right: 20px;
        }
      }

      .marked {
        margin-top: 20px;

        span {
          font-size: 20px;
          font-weight: 500;
          color: #333333;
        }
      }

      .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;

        span {
          font-size: 20px;
          font-weight: 400;
          color: #64b6a8;

          .el-icon-arrow-right {}
        }
      }
    }

    .person-production {
      width: 100%;
      margin-top: 10px;

      .person-production-img {
        width: calc((100% - 60px) / 4);

        // width: 184px;
        height: 184px;
        background: #d9d9d9;
        border-radius: 0px 0px 0px 0px;
        margin-bottom: 60px;
        opacity: 1;

        &:not(:last-child) {
          margin-right: 20px;
        }
      }
    }
  }

  .mzsm {
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    color: #aaa;
    margin-top: 10px;
    width: 97%;
    margin-top: 15px;
    margin-bottom: 130px;
  }

  .resume-info-right {
    width: 362px;
    padding-left: 40px;

    .operate-list {
      display: flex;
      // flex-wrap: wrap;
      text-align: center;

      .operate-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 96px;
        margin-bottom: 12px;
        cursor: pointer;

        &:nth-child(n + 3) {
          // margin-bottom: 26px;
        }

        img {
          width: 40px;
          height: 40px;
        }

        span {
          height: 28px;
          font-size: 20px;
          font-weight: 400;
          color: #333333;
          line-height: 28px;
        }
      }
    }

    .miniprogram {
      width: 272px;
      text-align: center;

      img {
        width: 272px;
        height: 272px;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      div {
        margin-top: 12px;
        height: 28px;
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        line-height: 28px;
      }
    }

    .but {
      margin-top: 26px;
      display: flex;
      margin-bottom: 46px;

      div {
        position: relative;
        display: inline-block;
        //width: 153px;
        height: 51px;
        border-radius: 4px;
        overflow: hidden;
        text-align: center;
        line-height: 51px;
        text-indent: 50px;
        color: #fff;
        margin-right: 15px;

        img {
          position: absolute;
          width: 33px;
          height: 33px;
          top: 9px;
          left: 25px;
        }
      }

      p {
        margin-left: 10px;
      }

      .but_1 {
        cursor: pointer;
        padding-right: 20px;
        background: rgba(100, 182, 168, 0.14);
        color: #64b6a8;
      }

      .but_2 {
        cursor: pointer;
        padding-right: 20px;
        background: #64b6a8;
      }
    }
  }
}
</style>
